﻿.hr-10 {
  width: 100%;
  height: 10px;
}
.hr-15 {
  width: 100%;
  height: 15px;
}
.hr-20 {
  width: 100%;
  height: 20px;
}
.hr-60 {
  width: 100%;
  height: 60px;
}
.crumb {
  width: 1200px;
  height: 18px;
  line-height: 18px;
  margin: 0 auto;
}
.crumb a {
  text-decoration: none;
  color: #666666;
}
.crumb a:hover {
  text-decoration: underline;
}
.main {
  width: 1200px;
  height: 642px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #dedede;
}
.main .main-left {
  width: 542px;
  height: 642px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: 1px solid #dedede;
}
.main .main-left #pic-show-left {
  width: 480px;
  height: 480px;
  overflow: hidden;
  position: absolute;
  top: 30px;
  left: 30px;
}
.main .main-left #pic-show-left .pic-small {
  position: absolute;
  top: 26px;
  left: 26px;
  display: none;
}
.main .main-left #pic-show-left #move-big {
  width: 240px;
  height: 240px;
  background: #E6EAF3;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  border: 1px solid #dedede;
}
.main .main-left #pic-show-left #show-cover {
  width: 480px;
  height: 480px;
  background: red;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.main .main-left #pic-show-right {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 520px;
  top: 40px;
  overflow: hidden;
  display: none;
  z-index: 200;
  border: 2px solid #dedede;
}
.main .main-left #pic-show-right .pic-big {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.main .main-left .pic-show-bottom {
  margin-left: 12px;
  position: absolute;
  left: 0px;
  bottom: 20px;
}
.main .main-left .pic-show-bottom .c-guider-dy {
  width: 520px;
  height: 80px;
  position: relative;
  text-align: center;
}
.main .main-left .pic-show-bottom .c-guider-dy #box {
  width: 460px;
  height: 80px;
  margin: 0 30px;
  overflow: hidden;
  position: relative;
}
.main .main-left .pic-show-bottom .c-guider-dy #box .uu {
  width: 700px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.main .main-left .pic-show-bottom .c-guider-dy #box .uu li {
  float: left;
  width: 72px;
  height: 72px;
  border: 2px solid white;
  margin-right: 20px;
  display: inline-block;
}
.main .main-left .pic-show-bottom .c-guider-dy #box .uu li img {
  width: 64px;
  height: 64px;
  border-right: 1px solid white;
  float: left;
  padding: 3px;
  border: 1px solid #D2D2D2;
}
.main .main-left .pic-show-bottom .c-guider-dy .cmbt {
  width: 28px;
  height: 62px;
  background: white;
  border: 0;
  font-size: 24px;
  color: #A7A7A7;
  display: block;
}
.main .main-left .pic-show-bottom .c-guider-dy #btn {
  position: absolute;
  left: 0px;
  top: 5px;
}
.main .main-left .pic-show-bottom .c-guider-dy #btn1 {
  position: absolute;
  right: 0px;
  top: 5px;
}
.main .main-right-up {
  height: 144px;
  width: 657px;
  position: absolute;
  left: 543px;
  top: 0;
  border-bottom: 1px solid #dedede;
}
.main .main-right-up .p-name {
  width: 597px;
  font-size: 20px;
  line-height: 25px;
  padding: 36px 30px 0px 30px;
}
.main .main-right-up .p-info {
  width: 597px;
  font-size: 16px;
  line-height: 20px;
  color: #E01D20;
  padding: 6px 30px;
  overflow: hidden;
}
.main .main-right-up .p-info-1 {
  width: 597px;
  font-size: 16px;
  line-height: 20px;
  color: #E01D20;
  padding: 6px 30px;
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
}
.main .main-right-up:hover p {
  display: none;
}
.main .main-right-up:hover .p-info-1 {
  display: block;
}
.main .main-right-mid {
  height: 138px;
  width: 657px;
  position: absolute;
  left: 543px;
  top: 139px;
  border-bottom: 1px solid #dedede;
}
.main .main-right-mid p.p-price {
  width: 597px;
  height: 36px;
  padding: 3px 30px 0px 30px;
}
.main .main-right-mid p.p-price i {
  font-style: normal;
  line-height: 18px ;
}
.main .main-right-mid p.p-price em {
  font-size: 20px;
  font-style: normal;
  color: #E01D20;
  line-height: 36px;
}
.main .main-right-mid p.p-price span {
  font-size: 20px;
  color: #E01D20;
  line-height: 36px;
}
.main .main-right-mid .p-number {
  width: 597px;
  height: 18px;
  padding: 2px 30px;
}
.main .main-right-mid .p-number i {
  font-style: normal;
  line-height: 18px ;
}
.main .main-right-bot {
  height: 365px;
  width: 657px;
  position: absolute;
  left: 543px;
  top: 278px;
}
.main .main-right-bot .p-chose {
  width: 597px;
  height: 122px;
  padding: 0 30px;
}
.main .main-right-bot .p-chose .p-style dt {
  width: 60px;
  height: 26px;
  display: inline-block;
  float: left;
}
.main .main-right-bot .p-chose .p-style dt i {
  font-style: normal;
  line-height: 26px;
}
.main .main-right-bot .p-chose .p-style dd {
  width: 520px;
  height: 36px;
  float: left;
}
.main .main-right-bot .p-chose .p-style dd ul li {
  list-style: none;
  border: 1px solid #B2B2B2;
  padding: 3px 8px;
  position: relative;
  float: left;
  margin: 0px 6px 12px 6px;
}
.main .main-right-bot .p-chose .p-style dd ul li a {
  text-decoration: none;
  color: #333333;
}
.main .main-right-bot .p-chose .p-style dd ul li i.p-r-red {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0px;
  top: 13px;
}
.main .main-right-bot .p-chose .p-style dd ul li.cur {
  list-style: none;
  border: 1px solid #B2B2B2;
  padding: 3px 8px;
  position: relative;
  float: left;
  margin: 0px 6px 12px 6px;
}
.main .main-right-bot .p-chose .p-style dd ul li.cur a {
  text-decoration: none;
  color: #333333;
}
.main .main-right-bot .p-chose .p-style dd ul li.cur i {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/icon1.png) no-repeat 0px 0px;
  position: absolute;
  right: 0px;
  top: 13px;
}
.main .main-right-bot .p-chose .p-color dt {
  width: 60px;
  height: 46px;
  display: inline-block;
  float: left;
}
.main .main-right-bot .p-chose .p-color dt i {
  font-style: normal;
  line-height: 46px;
}
.main .main-right-bot .p-chose .p-color dd {
  width: 520px;
  height: 70px;
  float: left;
}
.main .main-right-bot .p-chose .p-color dd ul li.p-chose-color {
  list-style: none;
  padding: 0px 10px 10px 0px;
  float: left;
}
.main .main-right-bot .p-chose .p-color dd ul li.p-chose-color .p-color-s {
  width: 42px;
  height: 60px;
  text-align: center;
}
.main .main-right-bot .p-chose .p-color dd ul li.p-chose-color .p-color-s a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  border: 1px solid #B2B2B2;
  text-decoration: none;
  color: #333333;
}
.main .main-right-bot .p-chose .p-color dd ul li.p-chose-color .p-color-s a i {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  right: 0px;
}
.main .main-right-bot .p-chose .p-color dd ul li.curr {
  list-style: none;
  padding: 0px 10px 10px 0px;
  float: left;
}
.main .main-right-bot .p-chose .p-color dd ul li.curr .p-color-s {
  width: 42px;
  height: 60px;
  text-align: center;
}
.main .main-right-bot .p-chose .p-color dd ul li.curr .p-color-s a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  border: 1px solid #B2B2B2;
  text-decoration: none;
  color: #333333;
}
.main .main-right-bot .p-chose .p-color dd ul li.curr .p-color-s a i {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  right: 0px;
  background: url(../images/icon1.png) no-repeat 0px 0px;
}
.main .main-right-bot .p-relative {
  width: 597px;
  height: 36px;
  padding: 0 30px;
}
.main .main-right-bot .p-relative .p-goods dt {
  width: 60px;
  height: 26px;
  display: inline-block;
  float: left;
}
.main .main-right-bot .p-relative .p-goods dt i {
  font-style: normal;
  line-height: 26px;
}
.main .main-right-bot .p-relative .p-goods dd {
  height: 26px;
  float: left;
  border: 1px solid #B2B2B2;
  padding: 0px 8px;
  line-height: 26px;
  margin: 0px 6px 0px 6px;
}
.main .main-right-bot .p-relative .p-goods dd a {
  text-decoration: none;
  color: #333333;
}
.main .main-right-bot .p-total {
  width: 597px;
  height: 36px;
  padding: 0 30px;
  margin-top: 10px;
  text-align: left;
}
.main .main-right-bot .p-total .p-goods-num dt {
  width: 60px;
  height: 26px;
  display: inline-block;
  float: left;
}
.main .main-right-bot .p-total .p-goods-num dt i {
  font-style: normal;
  line-height: 26px;
}
.main .main-right-bot .p-total .p-goods-num dd {
  height: 26px;
  float: left;
}
.main .main-right-bot .p-total .p-goods-num dd a {
  display: inline-block;
  float: left;
  text-align: center;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-decoration: none;
  border: 1px solid #B2B2B2;
}
.main .main-right-bot .p-total .p-goods-num dd #p-total-num {
  border: 1px solid #B2B2B2;
  width: 43px;
  height: 24px;
  line-height: 24px;
  float: left;
  margin: 0px 5px;
  text-align: center;
}
.main .main-p-gou {
  width: 627px;
  height: 70px;
  padding-left: 30px;
  position: absolute;
  left: 543px;
  top: 543px;
}
.main .main-p-gou .success_addgoods {
  display: none;
  width: 428px;
  height: 195px;
  background: #f2f2f2;
  border: 1px solid #d2d2d2;
  position: absolute;
  top: -120px;
  z-index: 200;
}
.main .main-p-gou .success_addgoods span {
  display: inline-block;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  background: transparent url("../images/icon1.png") no-repeat -170px 0px;
}
.main .main-p-gou .success_addgoods i {
  float: left;
  display: inline-block;
  width: 72px;
  height: 72px;
  margin: 29px 0px 0px 29px;
  background: transparent url("../images/icon33.png") no-repeat scroll 0% 0%;
  background-position: -34px 0px;
}
.main .main-p-gou .success_addgoods .success_addgoods_r {
  float: left;
  margin-top: -101px;
  width: 297px;
  height: 135px;
  padding: 30px 0px;
  margin-left: 131px;
  overflow: hidden;
  position: relative;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-msg {
  font-size: 18px;
  color: #7ABD54;
  padding-bottom: 15px;
  padding-top: 15px;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-msg .gselect {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 15px;
  color: red;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-total {
  padding: 0px 30px 6px 0px;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-total b {
  color: #E01D20;
  font-size: 14px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-button a {
  margin-right: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  width: 118px;
  height: 35px;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-button .button-style-1 {
  border: 1px solid #E01D20;
  background-color: #E01D20;
  color: #FFF;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-button .button-style-1:hover {
  background-color: #E64A4D;
  border-color: #E64A4D;
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-button .button-style-4 {
  border: 1px solid #D1D1D1;
  background-color: rgba(0, 0, 0, 0.03);
}
.main .main-p-gou .success_addgoods .success_addgoods_r .pro-add-success-button .button-style-4:hover {
  background-color: #F9F9F9;
}
.main .main-p-gou .p-select {
  padding-bottom: 10px;
}
.main .main-p-gou .p-select i {
  font-style: normal;
  line-height: 18px ;
}
.main .main-p-gou .p-select .user-selected {
  color: #E01D20;
}
.main .main-p-gou a.p-button-gou {
  display: block;
  width: 180px;
  height: 40px;
  text-decoration: none;
  background: #e01d20 url(../images/icon32.png) no-repeat 36px 11px;
  position: relative;
}
.main .main-p-gou a.p-button-gou i {
  display: inline-block;
  height: 40px;
  font-style: normal;
  font-size: 16px;
  color: white;
  text-align: left;
  text-indent: 66px;
  line-height: 40px;
}
.main .main-p-gou a.p-button-no {
  display: none;
  width: 180px;
  height: 40px;
  text-decoration: none;
  background: #ff5c14 url(../images/icon32.png) no-repeat 36px -264px;
  position: relative;
}
.main .main-p-gou a.p-button-no i {
  display: inline-block;
  height: 40px;
  font-style: normal;
  font-size: 16px;
  color: white;
  text-align: left;
  text-indent: 66px;
  line-height: 40px;
}
.main-datil {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.main-datil .hot-area {
  width: 238px;
  height: 458px;
  float: left;
  border: 1px solid #dedede;
  border-bottom: 0;
}
.main-datil .hot-area h3 {
  width: 238px;
  height: 47px;
  line-height: 47px;
  font-size: 14px;
  text-indent: 14px;
  background: #F7F7F7;
  border-bottom: 1px solid #dedede;
}
.main-datil .hot-area ul li {
  list-style: none;
  position: relative;
}
.main-datil .hot-area ul li i {
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.main-datil .hot-area ul li i.s1 {
  background: url(../images/sprites1.png) no-repeat 0 0;
}
.main-datil .hot-area ul li i.s2 {
  background: url(../images/sprites1.png) no-repeat -33px 0;
}
.main-datil .hot-area ul li i.s3 {
  background: url(../images/sprites1.png) no-repeat -66px 0;
}
.main-datil .hot-area ul li i.s4 {
  background: url(../images/sprites1.png) no-repeat -99px 0;
}
.main-datil .hot-area ul li i.s5 {
  background: url(../images/sprites1.png) no-repeat -132px 0;
}
.main-datil .hot-area ul li .hot-sale {
  width: 216px;
  height: 57px;
  padding: 12px 12px 12px 10px;
  border-bottom: 1px solid #dedede;
}
.main-datil .hot-area ul li .hot-sale img {
  width: 56px;
  height: 56px;
  float: left;
}
.main-datil .hot-area ul li .hot-sale p {
  width: 143px;
  height: 36px;
  padding-left: 17px;
  display: inline-block;
  float: left;
}
.main-datil .hot-area ul li .hot-sale p a {
  text-decoration: none;
  color: #666666;
  line-height: 18px;
}
.main-datil .hot-area ul li .hot-sale p a:hover {
  text-decoration: underline;
}
.main-datil .hot-area ul li .hot-sale .p-price-hot {
  height: 18px;
}
.main-datil .hot-area ul li .hot-sale .p-price-hot em {
  font-style: normal;
  color: #E01D20;
  line-height: 18px;
}
.main-datil .hot-area ul li .hot-sale .p-price-hot span {
  color: #E01D20;
  line-height: 18px;
}
.main-datil .goods-datil {
  width: 940px;
  float: right;
  overflow: hidden;
  border: 1px solid #dedede;
}
.main-datil .goods-datil .goods-top {
  width: 940px;
  height: 50px;
}
.main-datil .goods-datil .goods-top ul {
  width: 940px;
  height: 50px;
  background: #F7F7F7;
}
.main-datil .goods-datil .goods-top ul li {
  height: 50px;
  line-height: 50px;
  list-style: none;
  float: left;
  background: white;
  padding: 0 20px;
  border-right: 1px solid #dedede;
}
.main-datil .goods-datil .goods-top ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #666666;
}
.main-datil .goods-datil .goods-top ul li a:hover {
  color: #E01D20;
}
.main-datil .goods-datil .goods-pic {
  text-align: center;
  overflow: hidden;
}
.main-datil .goods-datil .goods-pic img {
  margin-top: -3px;
}
